<template>
	<view class="app">
		<view class="price-box">
			<text>我的余额</text>
			<text class="price">{{userInfo.money}}</text>
		</view>
		
		<view class="wrapper">
			<button class="confirm-btn" >充值</button>
			<button class="confirm-btn" >提现</button>
		</view>
			
		
		<view class="price-button">
			<text>帮助</text>
			<text>常见问题</text>
		</view>

	</view>
</template>

<script>
    import {  
        mapState 
    } from 'vuex';  
	 export default {
		 computed: {
		...mapState(['hasLogin','userInfo']),
	
	},
		 }
	
	
</script>

<style lang='scss'>
	.app {
		width: 100%;
	}

	.price-box {
		background-color: #fff;
		height: 265upx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		font-size: 28upx;
		color: #909399;
		
		

		.price{
			font-size: 50upx;
			color: #303133;
			margin-top: 12upx;
			&:before{
				content: '￥';
				font-size: 40upx;
			}
		}
	}
	.price-button {
		background-color: #fff;
		height: 1500upx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		font-size: 28upx;
		color: #909399;
		.price-c{
			font-size: 50upx;
			color: #303133;
			margin-top: 200
			upx;
			&:before{
				
				font-size: 40upx;
			}
		}
	}
	
	.confirm-btn{
		width: 630upx;
		height: 76upx;
		line-height: 76upx;
		border-radius: 50px;
		margin-top: 70upx;
		background: $uni-color-primary;
		color: #fff;
		font-size: $font-lg;
		&:after{
			border-radius: 100px;
		}
	}

	

</style>
